<!-- -->
<template>
 <div class='asidemenubackups'>
     <el-menu
          router
          :default-active="active"
          
          background-color="rgb(235, 235, 235)"
          text-color="rgb(50, 50, 50)"
          active-text-color="#973444"
          @open="handleOpen"
          @close="handleClose"
        >
          <el-menu-item :index="item.path" v-for="item in asideMenu" :key="item.path">
            <i :class="'el-icon-'+item.icon"></i>
            <span slot="title">{{item.label}}</span>
          </el-menu-item>
          
          
        </el-menu>
 </div>
</template>

<script>
export default {
 name: 'AsideMenuBackups',
 data () {
 return {
     active:'/goods',
      asideMenu:[
        {
          name: "Goods",
          label: "商品管理",
          icon: "s-goods",
          children: [
            {
              path: "/goods",
              name: "Goods",
              icon: "goods",
              label: "商品列表"
            },
            {
              path: "/category",
              name: "Category",
              icon: "folder-opened",
              label: "类目管理"
            }
          ]
        },
        {
          path:"/shop",
          name:"Shop",
          icon:"s-shop",
          label:"店铺管理"
        },
        {
          name: "User",
          label: "用户管理",
          icon: "s-custom",
          children: [
            {
              path: "/consumer",
              name: "Consumer",
              icon: "user",
              label: "用户列表"
            },
            {
              path: "/power",
              name: "Power",
              icon: "view",
              label: "角色管理"
            },
            {
              path:"/actor",
              name:"Actor",
              icon:"c-scale-to-original",
              label:"权限管理"
            }
          ]
        },
        {
          name: "order",
          label: "订单管理",
          icon: "s-order",
          children: [
            {
              path: "/order",
              name: "Order",
              icon: "tickets",
              label: "订单列表"
            },
            {
              path: "/statistics",
              name: "Statistics",
              icon: "notebook-1",
              label: "订单统计"
            }
          ]
        },
        {
          name: "Deliver",
          label: "快递管理",
          icon: "star-on",
          children: [
            {
              path: "/delivercomponey",
              name: "DeliverComponey",
              icon: "truck",
              label: "快递公司"
            },
            {
              path: "/deliver",
              name: "Deliver",
              icon: "document",
              label: "快递列表"
            }
          ]
        },
        {
          path: "/systemlog",
          name: "SystemLog",
          icon: "info",
          label: "系统日志"
        }
      ]
 };
 },

 components: {},

 filters: {},

 computed: {},

 methods: {
   handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    }
 }
}

</script>
<style scoped>
.asidemenubackups{
    width: 100%;
    height: 100%;
}
.el-menu{
  height: 100%;
}

.el-menu .el-menu-item{
  margin-left: -6px;
}
</style>